<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="../运动框架.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			div{
				width: 200px;
				height: 200px;
				background-color:red ;
				opacity: 0;
			}
		
		</style>
		<script type="text/javascript">
			window.onload=function(){
				var btn =document.getElementById('btn');
				var odiv =document.getElementById('odiv');
				var is =true;
				btn.onclick=function(ev){
					var oEvent=ev || event;
					oEvent.cancelBubble=true;
					if(is==true){
						is=false;
						move(odiv,{opacity: 1000});
					}else{
						is=true;
						move(odiv,{opacity: 0});
					}
				}
				document.onclick=function(ev){
					move(odiv,{opacity: 0});
				}
			}
		</script>
	</head>
	
	<body>
		<button id="btn">下拉</button>
		<div class="" id="odiv"></div>
	</body>
</html>
